/*------------------------------------------------------------------------------/
    Document   : default
    Created on : 17/02/2011, 06:57:24 PM
    Author     : JWJnet C.A
    Site       : www.jwjnet.com
    Description: Build Module
/------------------------------------------------------------------------------*/

/* Layout - Default ---------------------------------------------------------- */
body{
    cursor: default;
    
    
}
#divDisable{
    
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   
   background: url(/images/callcenter/iconoBloqueado.png) repeat center, #fff;
   filter:alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
   
   
}


.load{
       height: 100px;
       background: url('/images/ajax-loader.gif') no-repeat center,#fff;
       padding-top: 40px;
       font-size: 10px; color: #b7b7b7;
       text-align: center;
}
.loadError{
        height: 100px;
       background:url('/images/ajax-error.gif') no-repeat,#fff;
       background-position-x: center;
       background-position-y: 30px;
       padding-top: 80px;
       font-size: 10px; color: #b7b7b7;
       text-align: center;

}
   #clear{clear: both; font-size: 0px; height: 0; line-height: 0px; margin: 0px; padding: 0px;}
/* Copyright JWJnet - Default ------------------------------------------------ */
   #jwj-copyright{background-color: #fff; font-size: 12px; margin: 10px 10px 0px 10px; padding: 2px 15px 2px 2px;text-align: right;border-top: 1px solid #ccc;-webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px;-moz-border-radius-bottomleft: 7px;-moz-border-radius-bottomright: 7px;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
   #jwj-copyright a{color: #0A246A; font-size: 12px;}
   #jwj-copyright a:hover{ text-decoration: underline;}
/* Tools JWJnet - Default ---------------------------------------------------- */

.jwj-tools-class{
    
    position: fixed; cursor: pointer;
    right: 15px;
    top:0px;
     z-index: 10;
}

#jwj-toolsDisplay{

    -webkit-box-shadow: 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;

    -webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;-moz-border-radius-bottomright: 7px;
    border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;
    border: 1px solid #ededed;
    border-top: none;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

    font-size: 10px;font-weight: bold;
    padding-bottom: 2px;
}
#jwj-tools-onDisplay{
    width: 120px; height: 25px;
    border-bottom: 1px solid #fff;
    padding: 0px 5px 5px 5px;

}

#jwj-tools-onDisplayT{
    width: 120px; height: 25px;
    border-bottom: 1px solid #fff;
    padding: 0px 5px 5px 5px;
    text-shadow: 1px 1px 1px #ccc; font-weight: bold;
    background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#jwj-tools-onDisplay-list{
    width: 120px; height: 25px;
    border-bottom: 1px dashed #fff;
    padding: 5px 0px 10px 0px;
    margin-left: 5px;

}
.jwj-tools-on{
     width: 100px; height: 32px;


    padding: 5px;

    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');



    -webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;-moz-border-radius-bottomright: 7px;
    border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;

    font-size: 10px;font-weight: bold;
}
.jwj-tools-onhover{
    border: none;

    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;

    -webkit-box-shadow:  0px 0px 0px #ccc;
    -moz-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc;
}
.jwj-tools-ico{
    float: left;
    width: 20px;
    height: 12px;
    padding: 10px;
    background: url(/images/widget/cubeW.png) 5px no-repeat;
}
.jwj-tools-icoOn{
    float: left;
    width: 10px;
    height: 10px;
    padding: 10px;
}
.jwj-tools-titulo{
    float: left;
    text-align: left;
    width: 25px;
    margin: 5px;
    vertical-align: middle;color: #fff;
}
.jwj-tools-tituloOn{
    float: left;
    text-align: left;
    width: 80px;
    margin: 5px 5px 5px 5px;
    vertical-align: middle;color: #fff;
}
.jwj-tools-tituloOnT{
    float: left;
    text-align: left;
    width: 80px;
    margin: 5px 5px 5px 5px;
    vertical-align: middle;
}

#jwj-tools-open{
    z-index: -1;
    position: absolute;
    top: 0px;
    padding: 10px 10px 10px 15px;
    height: 21px;
    display: none;

    border: solid 1px #555;border-right:  none;border-top: none;
    background: url(/images/widget/br_downW.png) center no-repeat,#6e6e6e;
    background: url(/images/widget/br_downW.png) center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: url(/images/widget/br_downW.png) center no-repeat,-moz-linear-gradient(top,  #888,  #575757);
    filter:  url(/images/widget/br_downW.png) center no-repeat,progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
        
}


#jwj-tools-lienzo{top:50px;position: fixed;
    background: url(/images/widget/workspace.png) 10px no-repeat, #ccc;
    background:  url(/images/widget/workspace.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));;
    background:  url(/images/widget/workspace.png)10px no-repeat,-moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}#jwj-tools-lienzo:hover{

        color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: url(/images/widget/workspace.png) 10px no-repeat,#6e6e6e;
	background: url(/images/widget/workspace.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: url(/images/widget/workspace.png) 10px no-repeat,-moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

}
#jwj-tools-fondo{top:100px;position: fixed;

    background: url(/images/widget/capa.png) 10px no-repeat, #ccc;
    background:  url(/images/widget/capa.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));;
    background:  url(/images/widget/capa.png)10px no-repeat,-moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');    
}
#jwj-tools-fondo:hover{    color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: url(/images/widget/capa.png)10px no-repeat,#6e6e6e;
	background: url(/images/widget/capa.png)10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: url(/images/widget/capa.png)10px no-repeat,-moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
#jwj-tools-capa{top:150px;position: fixed;
    background: url(/images/widget/capas.png) 10px no-repeat, #ccc;
    background:  url(/images/widget/capas.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));;
    background:  url(/images/widget/capas.png)10px no-repeat,-moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#jwj-tools-capa:hover{    color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: url(/images/widget/capas.png)10px no-repeat,#6e6e6e;
	background: url(/images/widget/capas.png)10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: url(/images/widget/capas.png)10px no-repeat,-moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
#jwj-tools-comenzar{top:200px;position: fixed;

        background: url(/images/widget/checkbox.png) 10px no-repeat, #ccc;
    background:  url(/images/widget/checkbox.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));;
    background:  url(/images/widget/checkbox.png)10px no-repeat,-moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
    position: absolute;
    top:1px;

}
#jwj-tools-comenzar:hover{    color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: url(/images/widget/checkbox.png)10px no-repeat,#6e6e6e;
	background: url(/images/widget/checkbox.png)10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: url(/images/widget/checkbox.png)10px no-repeat,-moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
#jwj-tools-terminar{top:200px;position: fixed;
    background: url(/images/widget/klotski.png) 10px no-repeat, #ccc;
    background:  url(/images/widget/klotski.png) 10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));;
    background:  url(/images/widget/klotski.png)10px no-repeat,-moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#jwj-tools-terminar:hover{    color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: url(/images/widget/klotski.png)10px no-repeat,#6e6e6e;
	background: url(/images/widget/klotski.png)10px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: url(/images/widget/klotski.png)10px no-repeat,-moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
/* Tools-Opciones JWJnet - Default ------------------------------------------- */
#slideDer{
    -webkit-border-bottom-right-radius: 10px;-webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;
    border-bottom-right-radius: 10px; border-top-right-radius: 10px;
    -moz-box-shadow: 1px 1px 1px #645d5d;
    box-shadow: 1px 1px 1px #645d5d;
    -webkit-box-shadow: 1px 1px 1px #645d5d;
    border: 1px solid #ccc;
    background: url(/images/callcenter/fondo.png) repeat;
    position: fixed;
    left:0;
    top: 10px;
    height: 270px;
    z-index: 200;
  
}
#slideDer h1{ text-transform: uppercase; text-align: center; font-weight: bold;
        padding: 10px;
        color: #645d5d;
	font-size: 12px;
        

     border-top-left-radius: 6px; border-top-right-radius: 5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px;

        color: #fff;
	border-bottom: solid 1px #1f1f1f;
        background: #4a4a4a;
        text-align: left;
        
        font-size: 10px;
        
        
}
#slideDer-intConten{ font-weight: normal;}
.slideDer-cerrar{

    position: absolute;
    top:0px; right: 0px;
    margin: 7px 5px 0px 0px;
    width: 17px; height: 17px;
    border: none;
    background: url(/images/widget/round_deleteW.png) center  no-repeat;
    filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
        
}.slideDer-cerrar:hover{
    cursor: pointer;
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}

#jwj-distribucion{ float: left; display: block; width: 70px; margin-right: 5px;text-align: center; }
#jwj-distribucion p{ margin-bottom: 10px;}
#jwj-tools-action{ margin-top: 10px;}
#jwj-tools-action p{ font-size: 9px; float: right; margin-top: 10px;}


.ConfirmacionObjeto{
    
    height: 100px;
    top:5%;
    margin: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);

        color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
        clear: both;
 

}.ConfirmacionObjeto p{
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
}

.ConfirmacionBoton{

	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px/100% Arial, Helvetica, sans-serif;
        font-weight: bold;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

        color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.ConfirmacionBoton:hover{
      text-decoration: none;
        background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

/* Tools-Diagramacion JWJnet - Default --------------------------------------- */
.jwj-Diagrama-div{
    margin-bottom: 5px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    display: block;
    width: 964px;
    
}
html, body { height: 100%; }
.jwj-Diagrama-divInt{
   float: left;
   text-align: center;
   padding-bottom: 10px;
   border:1px solid #fff;
   
}
/* Tools-Componentes JWJnet - Default ---------------------------------------- */
#jwj-content-componentes{
    height:480px; width: 345px;
    overflow: auto;
    margin: 10px 10px 10px 10px;
}
.jwj-content-componentes{
    margin: 10px 10px 10px 10px;
    font-size: 10px;
    display: none;
}
.jwj-DiagramacionBoton-componentes{
    width: 46px; height: 34px;
    border: none;
    margin-bottom: 4px;
    cursor: pointer;
    filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}.jwj-DiagramacionBoton-componentes:hover{
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.jwj-titulo-componentes{
    width: 310px;
    padding: 5px;
    
    margin: 5px 0px 5px 0px;
    border: solid 1px #b7b7b7;

    border-top-left-radius: 5px; border-top-right-radius: 5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px;

    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
    
}.jwj-titulo-componentes p{
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    color: #606060;
    padding: 2px 2px 2px 2px;
    border-bottom: dashed 1px #b7b7b7;
    margin-bottom: 10px;
    text-shadow: 2px 1px 1px #fff;
}
.jwj-row-componentes{

        
        border: solid 1px #b7b7b7;
	

        margin: 0px 4px 2px 0px;
        float: left;
        
        -webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

    	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;

        padding: 8px 0px 8px 28px;
        width: 150px;

        font-size: 10px;
        text-align: left;
        filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}

.jwj-row-componentes:hover{
        cursor: pointer;
        filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.jwj-row input[name='componente'] { margin-right: 5px;}

/* Tools-Widget JWJnet - Default ---------------------------------------- */
#widget-display{ display: none;}
.Option-Diagramacion{
    width: 0px;
    float: left; cursor: move;
    padding: 2px 0px 2px 0px;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    background: url(/images/widget/cursor_drag_hand.png) top no-repeat,#ebebeb;
    padding-top: 18px;
    top:0px;
    display: none;
    
}
.Option-Diagramacion:hover{
    background: #ebebeb;
    cursor: move;
    background: url(/images/widget/cursor_drag_arrow.png) top no-repeat,#ebebeb;
    
}
.Option-Columna{
    display: none;
}
.Option-Diagramacion button{
    width: 20px;
    margin:1px;
    float: right;
    height: 20px;
    border: none;
    margin: 1px 3px 1px 0px;
    background-color: transparent;
    cursor: pointer;
    filter: alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
    
}.Option-Diagramacion button:hover{filter: alpha(opacity=1);-moz-opacity:1;opacity:1;}
.Option-Diagramacion button:disabled{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;cursor: default;}

.UpBoton-Diagrama{background: url(/images/widget/arrow_top.png) center no-repeat,#fff; }
.UpBoton-Diagrama:disabled{ background: url(/images/widget/arrow_topW.png) center no-repeat;}
.DelBoton-Diagrama{background: url(/images/widget/trash_icon.png) center no-repeat,#fff;}
.EditBoton-Diagrama{background: url(/images/widget/cog_icon.png) center no-repeat,#fff;}
.DownBoton-Diagrama{background: url(/images/widget/arrow_bottom.png) center no-repeat,#fff; }
.DownBoton-Diagrama:disabled{background: url(/images/widget/arrow_bottomW.png) center no-repeat; }

    /*Opcion interna de los widgets*/

.Option-widget{    cursor: move; display: none;
    float: right;
    margin: 4px 1px 1px 1px;}
.Option-widget button{
            width: 20px;
            border: 0px; cursor: pointer;
            border: 1px solid #ccc;
            font-size: 9px;
            -moz-border-radius: 5px; /* Firefox*/
            -ms-border-radius: 5px; /* IE 8.*/
            -webkit-border-radius: 5px; /* Safari,Chrome.*/
            border-radius: 5px; /* El estándar.*/
            height: 20px;
            padding: 4px;
}


#AddBoton-Widget{
    
    padding: 4px 14px 4px 14px;
   

   color: #606060;
	border: solid 1px #b7b7b7;
        border-top: none;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	
	

    
    font-size: 11px;
    font-weight: bold;
   
    text-align: left;
    cursor: pointer;
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;
    margin: 0px 0px 2px 0px;

    	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;

}
#AddBoton-Widget:hover{
        color: #e9e9e9;
	border: solid 1px #555;border-top: none;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
    
}

.DelBoton-Widget{  background: url(/images/widget/trash_icon.png)  center  no-repeat,#fff;  height: 20px;  }
.DelBoton-Widget:hover{background: url(/images/widget/trash_icon.png) center  no-repeat, #e0e0e0;}
.EditBoton-Widget{  background: url(/images/widget/cog_icon.png)  center  no-repeat,#fff;  height: 20px;  }
.EditBoton-Widget:hover{background: url(/images/widget/cog_icon.png) center  no-repeat, #e0e0e0;}
.MoverBoton-Widget{ background: url(/images/widget/cursor_drag.png)  center  no-repeat,#fff;  height: 20px;  }
.MoverBoton-Widget:hover{background: url(/images/widget/cursor_drag.png) center  no-repeat, #e0e0e0;}
.DragDrop{
    width: 200px; 
    background: #b7b7b7;
    border: 1px solid #ccc;
            -moz-border-radius: 5px; /* Firefox*/
            -ms-border-radius: 5px; /* IE 8.*/
            -webkit-border-radius: 5px; /* Safari,Chrome.*/
            border-radius: 5px; /* El estándar.*/
}

.widgetTituloOff{
    display: none;
}
.widgetBorderOff{
    border:none;
}.widgetBorderOn{
    border:1px solid #ccc;
}

.selectoWidget{
    border-bottom: 1px solid #ccc;
    background:#e0e0e0;
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat,  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat, -moz-linear-gradient(top,  #ffffff,  #e0e0e0);
    filter:  url(/images/frontend/menu/li-busq.png) 8px no-repeat, progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0');
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    padding: 7px 7px 7px 20px;
    color:  #3f4e76;
    text-align: left;
}


.selectoWidget:hover{

    border-bottom: solid 1px #555;
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat,url(/images/widget/arrow_out2.png) right center no-repeat,#6e6e6e;
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat,url(/images/widget/arrow_out2.png) right center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat,url(/images/widget/arrow_out2.png) right center no-repeat,-moz-linear-gradient(top,  #888,  #575757);
    filter:  url(/images/frontend/menu/li-busq.png) 8px no-repeat,url(/images/widget/arrow_out2.png) right center no-repeat,progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    padding: 7px 7px 7px 20px;
    color: #e9e9e9;
    text-align: left;
    cursor: move;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px;
    font-weight: bold;

}

/* Menu Style - Default ---------------------------------------- */
#myForm-editEstilo-content select{
    color: #606060;
    font-size: 10px;
    padding: 3px;
 
}
.pickerFieldClass{
    padding: 1px;
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    cursor: pointer;
  border: solid 1px #000000;


}
.jwj-estilo-titulo{
    padding: 5px;
    text-transform: uppercase;
    
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px;
    margin: 4px;

        color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

    font-size: 11px;
    font-weight: bold;
    
}
.jwj-estilo-titulo p{
    padding-bottom: 5px;

}
.jwj-estilo-subtitulo{
    padding: 2px;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 5px;
    border-bottom: solid 1px #b7b7b7;
}
.jwj-estilo-op{
    float: left;
    margin-left: 7px;
}
.jwj-estilo-tituloop{
    text-transform: capitalize;
    font-size: 9px;
    text-align: left;
    margin: 0px 0px 0px 2px;
}
.jwj-estilo-display{
    display: none;
}
.jwj-estilo-displayBoton{
    padding-left:100%;
    padding-bottom: 8px;
    padding-right: 15px;
    padding-top: 8px;
    float: right;
    margin: -25px 0px 0px 0px;
    border: none;
    filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}.jwj-estilo-displayBoton:hover{
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
    cursor: pointer;
}.jwj-estilo-display-open{
    background: url(/images/widget/br_down.png) right  no-repeat;
}.jwj-estilo-display-close{
    background: url(/images/widget/br_up.png) right  no-repeat;
}#jwj-estilo-enviar{
    margin-right: 10px;
    margin-bottom: 5px;
}
/* Dashboard - Default ------------------------------------------------------- */
.dashboardColumnaContenedor,.dashboardColumnaContenedorAgendado{
  width: 100%;
  background: #fff;
}
.dashboardColumnaContenedor:hover{
    background: #cbd2e0;
}
.dashboardColumnaT{
    width: 176px;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
}
.dashboardColumnaTMascota{
    width: 522px;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
}
.dashboardColumna{
    width: 164px;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
    min-height: 200px;
}.dashboardColumnaMascotaUsuario{
    width: 550px;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
    min-height: 200px;
}
.dashboardColumnaMascota{
    width: 230px;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
    min-height: 200px;
}
.dashboardMascota{
    padding: 5px;
    
    margin: 4px;

        color: #606060;
	border: solid 1px #b7b7b7;
	background: #ededed;
	

    font-size: 11px;
    
}
.jwj-estilo-displayBotonDash{
    
    padding-bottom: 8px;
    padding-right: 10px;
    float: right;
    margin: -4px 0px 0px 0px;
    border: none;
    filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

}.jwj-estilo-CelBoton{

    background: url(/images/callcenter/phone_touch.png) center no-repeat;
    padding-bottom: 8px;
    padding-right: 15px;
    float: right;
    margin: -6px 5px 0px 0px;
    border: none;
    filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

}.jwj-estilo-displayBotonDash:hover,.jwj-estilo-CelBoton:hover{

    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
    cursor: pointer;
}